<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '奈雪の茶',
  },
}
</route>

<template>
  <view class="appc">
    <view
      class="w-550rpx h-382rpx bg-white px-70rpx py-40rpx mx-auto rounded-10rpx flex flex-col justify-between mb-30rpx"
    >
      <view class="text-right">
        <text class="text-32rpx text-red">0</text>
        <text class="text-26rpx">/3</text>
      </view>
      <view>
        <view class="w-550rpx h-60rpx bg-#FEEBD5">
          <view class="w-180rpx h-60rpx bg-#FEDC5F"></view>
        </view>
      </view>
      <view class="text-#D12E32 text-24rpx text-center">
        <view>每邀3位新用户点亮，得买茶送包劵1张</view>
        <view>新用户可得30元权益劵包</view>
      </view>
      <view class="text-center h-136rpx">
        <img
          src="https://img-shop.qmimg.cn//s16/images/2020/04/21/a45e8244188a5ea0.png"
          class="w-495rpx h-128rpx"
        />
        <view class="text-32rpx text-#D12E32 relative top--108rpx">立即找好友助力&gt;</view>
      </view>
    </view>
    <view class="">
      <view class="w-690rpx bg-white py-60rpx mx-auto rounded-10rpx overflow-hidden">
        <view class="float-left text-center w-345rpx">
          <view class="text-#D12E23">0</view>
          <view class="text-24rpx">已成功邀请(位)</view>
        </view>
        <view class="float-left text-center w-345rpx">
          <view class="text-#D12E23">0</view>
          <view class="text-24rpx">已成功邀请(位)</view>
        </view>
      </view>
      <view class="text-center relative top--208rpx">
        <img
          src="https://img-shop.qmimg.cn/s16/images/2020/04/21/7a7cde7fb0259f0d.png"
          class="w-290rpx h-90rpx"
        />
      </view>
    </view>
    <view class="text-center mt--80rpx">
      <img
        src="https://img-shop.qmimg.cn/s16/images/2020/04/27/ca59f6bbbb830a16.png"
        class="w-690rpx h-300rpx"
      />
    </view>
  </view>
</template>

<script lang="ts" setup></script>

<style scoped>
.appc {
  width: 750rpx;
  height: 1059rpx;
  background: url('https://img-shop.qmimg.cn/s16/images/2020/04/27/7ba54456f16f48df.jpeg');
  background-size: 100% 100%;
  padding-top: 576rpx;
}
</style>
